<template>
    <div class="user_text">
        <!-- 头部 -->
        <headerView>
            <template v-slot:center>
                <span class="title">开店帮助</span>
            </template>
        </headerView>
        <!-- 协议内容 -->
        <div>
            <div class="box">
                <p v-for="(item) in list" :key="item.id">
                    <span class="allTitle">{{item.title}}</span>
                    <br>
                    <span class="content">{{item.content}}</span>
                </p>
            </div>
        </div>
    </div>
</template>

<script>
    import { helpLIst } from "../../allData/shopHelpData/shopHelpData";
import headerView from "../../components/headerView.vue";
export default {
    components: { headerView },
    data(){
        return {
            list:""
        }
    },
    created(){
        this.list = helpLIst
    }
}

</script>

<style scoped>
.text_box {
    background-color: #f7f9f9;
    color: #000;
}

.title {
    color: #ffff;
    margin: 0 auto;
}

.box {
    width: 90%;
    margin: 0 auto;
}

.box p{
    margin: 0;
}

.text {
    text-align: justify;
    text-justify: inter-ideograph;
    text-indent: 2em;
    font-size: 14px;
}
.allTitle{
    font-size: 14px;
}
.content{
    font-size: 14px;
    color: #959393;
}
</style>